// ---点击链接切换注册和登录界面
/* $('.login a').on('click', function () {
    $('.login').hide().next().show();
});
$('.register a').on('click', function () {
    $('.login').show().next().hide();
}) */
// 第二种
$('.box a').on('click', function () {
    $(this).parents('.box').hide().siblings('.box').show();
});

let layer = layui.layer
// ------------------------注册功能--------------------
// 表单提交事件 -->  阻止默认行为 --> 收集数据 --> Ajax提交
$('.register form').on('submit', function (e) {
    e.preventDefault();

    let data = $(this).serialize();

    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            // alert(res.message);
            layer.msg(res.message);
            if (res.status === 0) {
                $('.register form')[0].reset();
                $('.login').show().siblings('.box').hide();
            }
        }
    })
});

//-----------------------自定义表单验证-----------------
// 1、加载form模块，（let 变量 = layui.模块名）
let form = layui.form;
// 2、调用form.verify() 方法，扩展自己的验证规则

form.verify({
    //1、数组的写法
    user: [/^\w{2,10}$/, '用户名必须是2~10位'],//{2,10}是2~10长度，
    pass: [/^\w{6,12}$/, '用户名必须是6~12位'],//{6,12}是6~12长度，
    // 2、函数的写法
    same: function (abc) {
        // 形参 abc ，表示使用该验证规则的输入框的值：（案例中确认密码使用了这个验证规则，所以形参表示确认密码的值）
        // return的值就是验证不通过时的提示
        if ($('.pwd').val() !== abc) {
            return '两次密码不一致';
        }
    }
});

//------------------------登录------------------------
// 表单提交事件 -->  阻止默认行为 --> 收集数据 --> Ajax提交
/* $('.login form').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: $(this).serialize(),
        success: function (res) {
            if (res.status === 0) {
                layer.msg(res.message, {
                    time: 2000
                }, function () {
                    // location.href = './index.html';
                });
            } else {
                layer.msg(res.message);
            }
        }
    });
}) */
$('.login form').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
      type: 'POST',
      url: '/api/login',
      data: $(this).serialize(),
        success: function (res) {
        // 登录成功 （提示一下、跳转到index.html）
        if (res.status === 0) {
          layer.msg(res.message, {
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
          }, function () {
            // do something
              localStorage.setItem('token', res.token);
            location.href = './index.html'; // 跳转到index.html
          });
        } else {
          layer.msg(res.message);
        }
      }
    });
  })